﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Tutorial Bootstrap</title>
    <link rel="stylesheet" href="bootstrap.css" type="text/css" />
    <meta name="viewport" content="width=device-width" />
</head>
<body>
    <div class="container">
        <form class="form-horizontal">
            <div class="form-group has-success">
                <label for="nombre" class="control-label col-md-2">Nombre:</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" id="nombre" placeholder="Nombre:" />
                </div>
            </div>

            <div class="form-group has-warning">
                <label for="nombre" class="control-label col-md-2">Nombre:</label>
                <div class="col-md-10">
                    <p class="form-control-static">Carlos Arturo Esparza</p>
                </div>
            </div>

            <div class="form-group  has-error">
                <label for="correo" class="control-label col-md-2">Correo:</label>
                <div class="col-md-10">
                    <input type="text" class="form-control" id="correo" placeholder="Correo:" />
                </div>
            </div>

            <div class="form-group">
                <div class="checkbox col-md-2 col-md-offset-2">
                    <label>
                        <input type="checkbox" />Recuerdame
                    </label>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-2 col-md-offset-2">
                    <button class="btn btn-primary">Enviar</button>
                </div>
            </div>
        </form>
    </div>
</body>
</html>
